.ant-input {
  &.basic-input {
    color: @bui-input-basic-color;
    background-color: @bui-input-basic-background-color;
    border-color: @bui-input-basic-border-color;
  }

  &.basic-textarea {
    color: @bui-textarea-basic-color;
    background-color: @bui-textarea-basic-background-color;
    border-color: @bui-textarea-basic-border-color;
    height: @bui-textarea-height;

    &:focus {
      color: bui-textarea-basic-color--focus;
    }
  }

  &.constrained-textarea {
    color: @bui-textarea-constrained-color;
    background-color: @bui-textarea-constrained-background-color;
    border-color: @bui-textarea-constrained-border-color;
    height: @bui-textarea-height;

    &.ant-input {
      padding: 4px 4px;
    }

    &:focus {
      color: bui-textarea-constrained-color--focus;
    }
  }
}

.ant-input-search {
  &.search-input {
    color: @bui-input-search-color;
    background-color: @bui-input-search-background-color;
    border-color: @bui-input-search-border-color;

    .anticon-search {
      color: @bui-input-search-icon-color;
    }

    &:focus {
      color: @bui-input-search-color--focus;
    }
  }

  &.submit-input {
    color: @bui-input-submit-color;
    background-color: @bui-input-submit-background-color;
    border-color: @bui-input-submit-border-color;

    .anticon-search {
      color: @bui-input-submit-icon-color;
    }
  }
}
